<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<title>
			<%= title %>
		</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link href="/stylesheets/bootstrap.min.css" rel="stylesheet">
		<!--<link href="/stylesheets/base.css" rel="stylesheet">-->
		<!--<link href="/stylesheets/common.css" rel="stylesheet">-->
		<!--<link href="/stylesheets/page.css" rel="stylesheet">-->
		<!-- 建议在项目中把CSS分好level，好维护和管理 -->
		<style>
			html,
			body {
				overflow-x: hidden;
			}
			body {
				padding-top: 70px;
				background: #f1f1f1;
			}
			footer {
				padding: 20px 0 10px;
				text-align: center;
				font-weight: bold;
				border-top: 1px solid #ddd;
				margin-top: 30px;
			}
			.header-navbar-style {
				filter: alpha(opacity=90);
				-moz-opacity: 0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
				background: linear-gradient(45deg, rgb(60, 8, 34) 0%, rgb(49, 79, 117) 100%);
				border: 1px solid #aaa;
				font-size: 16px;
			}
			.beige {
				background: beige;
			}
			.bisque {
				background: bisque;
			}
			.darkseagreen {
				background: darkseagreen;
			}
		</style>
	</head>

	<body>
		<div class="navbar navbar-fixed-top header-navbar-style navbar-inverse" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="/">VEN911</a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="/">硬件资源</a></li>
						<li class=""><a href="/module1">一键巡检</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">手动巡检<b class="caret"></b></a>
							<ul class="dropdown-menu beige">
								<li><a href="#">基础巡检</a></li>
								<li><a href="#">域控服务器</a></li>
								<li><a href="#">Nginx服务器</a></li>
								<li class="divider"></li>
								<li><a href="#">GIS服务器</a></li>
								<li class="divider"></li>
								<li><a href="#">业务服务器</a></li>
							</ul>
						</li>
						<li class=""><a href="/faq">日志查看</a></li>
						<li class=""><a href="/faq">配置管理</a></li>
						<li class=""><a href="/faq">运维工具箱</a></li>
						<li class=""><a href="/faq">运维经验</a></li>
					</ul>
				</div>
				<!-- /.nav-collapse -->
			</div>
			<!-- /.container -->
		</div>
		<!-- /.navbar -->

		<!-- 以上位置建议创建个header.html维护起来 -->

		<style>
			@media screen and (max-width: 767px) {
				.row-offcanvas {
					position: relative;
					-webkit-transition: all 0.25s ease-out;
					-moz-transition: all 0.25s ease-out;
					transition: all 0.25s ease-out;
				}
				.row-offcanvas-right .sidebar-offcanvas {
					right: -50%;
					/* 6 columns */
				}
				.row-offcanvas-left .sidebar-offcanvas {
					left: -50%;
					/* 6 columns */
				}
				.row-offcanvas-right.active {
					right: 50%;
					/* 6 columns */
				}
				.row-offcanvas-left.active {
					left: 50%;
					/* 6 columns */
				}
				.sidebar-offcanvas {
					position: absolute;
					top: 0;
					width: 50%;
					/* 6 columns */
				}
			}
		</style>

		<div class="container">
			<div class="row row-offcanvas row-offcanvas-right">
				<div class="col-xs-12 col-sm-9">
					<p class="pull-right visible-xs">
						<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
					</p>
					<div class="jumbotron bisque">
						<h1>特别说明</h1>
						<p>这是一个示例,每个人好好看看</p>
					</div>
					<div class="row">
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>域控服务器</h2>
							<p>各业务系统公用的域控服务器，直接管理了域内的计算机和域用户的创建，辅以域策略达到更好的管理效果，并同时为域内的计算机提供时间同步源。</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>Nginx服务器</h2>
							<p>Nginx服务器的操作系统为linux redhat，在项目上我们会使用两台nginx服务器来做集群，上面安装有keepalived\nginx\redis这三种支撑软件，并通过Keepalived构造了3个虚拟IP,分别为业务\GIS\redis所使用，在初始状态下，业务VIP会挂载N1上，GISVIP会挂载在N2上，redisVIP会挂载在N1上。</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>GIS服务器</h2>
							<p>GIS1，GIS2是在集群中承载所有的地理服务并向外部提供服务接口，GISDATA承载集群与存储的通讯，通过GISDATA单独承担整个集群的的数据传输以降低地理服务器的I/O压力，从而提供集群的整体性能。（这是基于虚拟化环境，有共享存储池）
对于没有共享存储池的集群，Gisdata除了I/O负载之外，还提供整个服务集群的数据存储。</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>业务服务器</h2>
							<p>以大城市中心为例热备服务器主要分业务服务器（4台,每台8个windows服务，1个IIS站点）、GIS服务器（2台）；
城市安全热备服务是所有城市安全服务中能够通过nginx进行负载均衡的服务，包括1.城市安全、 2.系统管理、3.资料库、4.资源管理、5.配置管理、6.软电话、7.席位服务、8.GIS空间服务、9.GIS业务服务、10、AccessIn服务11、AccessOut服务、12、警务站程序自动更新目录。以大城市中心为例，冷备服务器有分派服务器(2台,每台3个windows服务)和ftp服务器(1台)
3个服务均为冷备，即不通过nginx进行负载均衡而直接连接的服务，包括1.分派服务、 2.GIS模型服务、3.GIS会商服务</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>外部访问服务器</h2>
							<p>外部交换服务器（2台,每台3个站点），其中业务服务器上还需要按照部署文档安装支持软件，比如openoffice等。</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
						<div class="col-6 col-sm-6 col-lg-4">
							<h2>数据库服务器</h2>
							<p>SIMA项目上数据库采用的是oracle rac11g，两台数据库主机均为物理机，负责创建数据库实例，而数据则统一存放在共享存储中。
数据库只在城市中心才有，区域级和警务站都统一使用上级城市中心的数据库从而完成整个城市的业务流转。
当前数据库服务器上一共安装了4个实例，包括接处警业务库、空间库、应急资料库、以及北京业务库。</p>
							<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
						</div>
						<!--/span-->
					</div>
					<!--/row-->
				</div>
				<!--/span-->

				<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
					<div class="list-group">
						<a target="_blank" href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
						<a href="#" class="list-group-item">Link</a>
					</div>
				</div>
				<!--/span-->
			</div>
			<!--/row-->
		</div>
		<!--/.container-->

		<!-- 从header.html之后到此可分为page层 -->

		<footer class="darkseagreen">
			<p>Copyright &copy; 2015. Designed by VEN911.</p>
		</footer>
		<script src="/javascripts/jquery-1.11.0.js"></script>
		<script src="/javascripts/bootstrap.min.js"></script>
		<script>
			$(document).ready(function() {
				$('[data-toggle=offcanvas]').click(function() {
					$('.row-offcanvas').toggleClass('active');
				});
			});
		</script>
	</body>

</html>